<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Gadget</title>
	
	<script type="text/javascript" src="../../../jquery/jquery.js"></script>
	<script type="text/javascript" src="../../tiny_mce_popup.js"></script>
	<script type="text/javascript" src="js/gadget.js"></script>
	<link href="css/gadget.css" rel="stylesheet" type="text/css" />
	
	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
	
</head>
<body>
		
	<div id="menuTypesGadgets">
		<ul>
			<li><a href="#" id="typeMaps">Google Maps</a></li>
			<li><a href="#" id="typeYoutube">Youtube</a></li>
		</ul>
	</div>
	
	<div id="paramsGadget">
	
		<div id="paramsMaps" class="paramsGadget">
			<div id="maps_conteneurMap">Map</div>
			<div id="maps_conteneurRecherche">
				<form id="maps_formulaireRecherche">
					<p style="text-align:center;">
						<input type="text" id="maps_recherche_motcle" size="30" maxlength="255" value="" />
						<input type="submit" id="maps_recherche_envoyer" value="Rechercher une carte" />
					</p>
				</form>
				<div id="maps_resultatsRecherche"></div>
				<p style="font-weight:0.5em; position:absolute; bottom:-10px; right:0px;">Clicpage n'est pas associé à Google Maps.</p>
			</div>
		</div>	
	
		<div id="paramsYoutube" class="paramsGadget">
			
			<div id="youtube_formulaire">
			
				<p>
					<label for="youtube_url">URL d'un vidéo Youtube</label>
					<input type="text" id="youtube_url" size="40" />
				</p>
				<p>
					<label for="youtube_similaires">Inclure les vidéos similaires</label>
					<input type="checkbox" name="youtube_similaires" id="youtube_similaires" value="1" />
				</p>
				<p>
					<label for="youtube_hd">Visionner en HD</label>
					<input type="checkbox" name="youtube_hd" id="youtube_hd" value="1" />
				</p>
			
			</div>
			
			<div id="youtube_apercu"></div>
			
			<p style="font-weight:0.6em; position:absolute; bottom:0px; right:10px;">Clicpage n'est pas associé à Youtube.</p>
			
		</div>
	
	</div>
	<div class="mceActionPanel">
		<div style="float: left">
			<input type="button" id="insert" name="insert" value="{#insert}" />
		</div>
		<div style="float: right">
			<input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
		</div>
	</div>

</body>
</html>